過去幾天稍微了解 Jest 應用，今天開始，我想進入 React Testing Library 篇章～

React Testing Library (RTL) 的關鍵哲學

• React Testing Library 是直接操作 DOM nodes 去模擬使用者真實行為，而不是操作 React Virtual DOM。
• 只專注在我們自己寫的 Components 做測試，像是 網頁上有無正確顯示(render)、props 有無正確傳入等。而Components 內的細節 (functions) 實作 或 使用者在網頁上看不到的Components，不是 React Testing Library 測試重點。
• 第三方套件(像是：Ant Design, Material UI 等)不是測試的重點。

既然我們知道了 RTL 是直接操作 DOM 進行測試，那我們也來看看 RTL 提供哪些方法讓我們取得 DOM 節點：

Query Summary

取得 DOM 節點的方法可以快速歸類為：

取得單一節點 (Single)

• getBy**
• queryBy**
• findBy**

取得多個符合條件的節點 (Mutilple)

• getAllBy**
• queryAllBy**
• findAllBy**

未來幾天，我也會針對 以上的 Query 進行實作練習～

參考資源

• React Testing Library
• React Testing Tutorial - 16 - What to test?